<template>
<div>
  <el-container>
    <el-aside>
      <el-menu>
        <el-menu-item>低频接插件</el-menu-item>
        <el-menu-item>射频电缆</el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
      <div>
        <div>
          <el-button>新增</el-button>
          <el-button>编辑</el-button>
          <el-button>删除</el-button>
        </div>
        <div>
          <el-table :data="tableData">
            <el-table-column
              type="index"
              width="50">
            </el-table-column>
            <el-table-column
              type="selection"
              width="50">
            </el-table-column>
            <el-table-column
              prop="name"
              width="180"
              label="名称">
            </el-table-column>
          </el-table>
        </div>
      </div>
    </el-main>
  </el-container>
</div>
</template>

<script>
export default {
  name: 'Product',
  data () {
    return {
      tableData: [{
        name: '123'
      }, {
        name: '789'
      }]
    }
  }
}
</script>

<style scoped>

</style>
